/* 
    Document   : general
    Created on : 22/05/2011, 06:04:44 AM
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

/* ------ reset styles ------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ------ general styles ------ */

body {
    background: #E8F7FA url(../cabezote/fondo.jpg) no-repeat top left;
}

.cabezote, .piedepagina, .contenido {
    display: block;
    margin: 0 auto;
    width: 950px;
    height: auto;
    border: 1px solid #999;
}

.cabezote {
    background: #FFF;
    margin-top: 8px;
    border-bottom: none;
}

.piedepagina {
    background: #CACACA;
    margin-bottom: 15px;
    border-top: none;
}

.contenido {
    background: #FFF;
    border-top: none;
    border-bottom: none;
    padding: 1px 0;
    position: relative;
}

.cabezote * , .piedepagina *, .contenido {
    position: relative;
}

/* ------ tags styles ------ */

body {
    font:11px/1.27em Arial,Helvetica,sans-serif;
}

body .contenido .block {
    display: block;
}

body .contenido .h1 {
    font-size: 200%;
}

body .contenido .h2 {
    font-size: 150%;
}

body .contenido .h3 {
    font-size: 120%;
}

body .contenido .h4 {
    font-size: 100%;
}

body .contenido .h5 {
    font-size: 85%;
}

body .contenido .h6 {
    font-size: 70%;
}

body .contenido .h1,
body .contenido .h2,
body .contenido .h3,
body .contenido .h4,
body .contenido .h5,
body .contenido .h6 {
    font-weight: bold;
    display: block;
    margin-top:1em;
    margin-bottom:.6em;
}

body .contenido .p {
    display: block;
    margin:.4em 0;
}

body .contenido .strong {
    font-weight: bold;
}

body .contenido .em {
    font-style: italic;
}

body .contenido .a {
    text-decoration: none;
    color: #2D6786;
}

body .contenido .a:hover,
body .contenido .a:focus {
    text-decoration: underline;
}

/* ------ content styles ------ */

body .contenido .tituloComponentes {
    font-size: 155%;
    font-family: "Times New Roman",Times,serif;
    line-height: 1.18em;
    color: #390;
}

body .contenido .subtitulos {
    font-size: 110%;
    line-height: 1.25em;
    color: #069;
}

body .contenido .importanta {
    text-decoration: underline;
    font-weight: 700;
}

body .contenido .importanta:link {
    color: #00E;
}

body .contenido .importanta:visited {
    color: #606;
}

body .contenido .importanta:active {
    color: #E00;
}

body .contenido .importanta:hover,
body .contenido .importanta:focus {
    text-decoration: none;
}

body .contenido .tituloFragmento {
    text-align: center;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
}

body .contenido .label {
    font-weight: normal;
    margin-right: 20px;
}

body .contenido .botonPanel {
    font-family: verdana;
    font-size: 95%;
    background:#6B98B6;
    color: #FFF;
    border: none;
    border-bottom: 1px solid #FFF;
    padding:0 5px;
    width: 168px;
    height: 48px;
}

body .contenido .botonPanelInactivo {
    font-family: verdana;
    font-size: 95%;
    background:#777;
    color: #333;
    border: none;
    border-bottom: 1px solid #FFF;
    padding:0 5px;
    width: 168px;
    height: 48px;
}

body .contenido .botonPanel:hover {
    background:#003366;
    color: #FFF;
    font-weight: bold;
}

body .contenido .botonGeneral {
    font-family: verdana;
    font-size: 95%;
    background:#57ABAB;
    color: #FFF;
    border: none;
    padding:0 5px;
}

body .contenido .botonGeneralInactivo {
    font-family: verdana;
    font-size: 95%;
    background:#777;
    color: #333;
    border: none;
    padding:0 5px;
}

body .contenido .botonGeneral:hover {
    background:#357676;
    color: #FFF;
    font-weight: bold;
}

body .contenido .boton {
    font-family: verdana;
    font-size: 95%;
    background: #F0F0F0;
    border: 1px solid #777;
    padding:0 5px;
    cursor: default;
}

body .contenido .botonEstacionSeleccionada{
    border: 2px dotted #6F6
}

body .contenido .campoTextoInfoAd{
    border: 1px dashed #777;
}

body .contenido .campoTextoInfoAd textarea {
    min-width: 170px;
    max-width: 170px;
    max-height: 142px;
    min-height: 142px;
}

body .contenido .campo * {
    width:120px;
    background: transparent;
    border:none;
    padding:0;
    margin:0;
    font-family: "MS Shell Dlg",verdana,sans-serif;
}

body .contenido .campo {
    border:1px solid #999;
    border-right-color: #BBB;
    border-bottom-color: #BBB;
    padding:1px 3px 1px;
    font-size: 110%;
}

body .contenido .campo:focus {
    border:1px solid #6B98B6;
    padding:1px 3px 1px;
    font-size: 110%;
    background: #8DBAB6;
    border:1px solid #F33;
}

body .contenido .campoNombre * {
    width:162px;
}

body .contenido .campoCorreo * {
    width:90px;
}

body .contenido .campoDisabled {
    background: #EEE ;
}

body .contenido .mensajeResultado {
    font-weight: normal;
    color: #F03;
}

body .contenido .mensajeResultadoConfirmacion {
    font-weight: normal;
}

body .contenido .mensajeInformacion {
    font-weight: normal;
    font-style: italic;
}

body .contenido .aviso {
    font-weight: normal;
    font-size: 95%;
    font-style: italic;
    text-align: right;
    color: #111;
    position: absolute;
    bottom:5px;
    right:15px;
}

body .contenido .panel {
    margin-top: 30px;
    float:left;
}
body .contenido .contenidoPrincipal {
    margin-left: 220px;
}

body .contenidoSuperusuario {
    min-height: 300px;
}

body .contenidoAdministrador {
    min-height: 200px;
}

body .contenido .campoRestricciones,
body .contenido .campoRestricciones * {
    width:25px;
    text-align: center;
    padding:0 0 1px;
}

body .contenido .campoRestricciones {
    padding-right: 3px;
}

body .contenido .labelRestriccionesUnidad {
    font-weight: normal;
    font-size: 95%;
}

body .contenido .labelRestriccionesRangoValido {
    color: #222;
}

body .contenido .campoFecha {
    margin-top:-6px;
}

body .contenido .infoMessage {
  color: black;
}

body .contenido .warnMessage {
  color: orange;
  font-weight: normal;
}

body .contenido .errorMessage {
  color: red;
  font-weight: normal;
}

body .contenido .fatalMessage {
  color: red;
  font-style: italic;
  font-weight: normal;
}

body .contenido .dominioUnal {
    font-weight: normal;
}

body .contenido .campoTextoInfoAdUsuario {
    top:312px;
    left:-780px;
}